<template>
    <h2>我是About的内容</h2>
</template>

<script>
    export default {
        name: 'About',
        beforeDestroy(){
            console.log('About组件即将被销毁了');
        },
        mounted(){
            console.log('About组件挂载完毕了',this)
            /**
             * 用于浏览器上判断多个组件的$route和$router是否都是同一个
             * 切换组件之后，浏览器控制台上输入：
             * aboutRoute === homeRoute   　输出：false
             * aboutRouter === homeRouter   输出：true
             * */
            window.homeRoute = this.$route
            window.homeRouter = this.$router
        }
    }
</script>

<style>

</style>